<!DOCTYPE html>
<html lang="en">
<head>
    <title>mytx</title>

    <!-- meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- css -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/ionicons.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.css">
    <link rel="stylesheet" href="assets/css/owl.theme.css">
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <script src="http://code.jquery.com/jquery-latest.js"></script>

	<script>
		$(function () {
			var a = "normal";
             
			 $("#h1").mouseover(function () {
				  $("#h1").css("background-color","#F5F5F5");
				   $("#h2").css("background-color","#FFFFFF");
				  $("#h3").css("background-color","#FFFFFF");
//				$("#nr01").slideDown(a);
//                $("#nr02").slideUp(a);
//				 $("#nr03").slideUp(a);
				 $("#nr01").fadeIn(a);
                $("#nr02").fadeOut(a);
				 $("#nr03").fadeOut(a);
            })
			
			 $("#h2").mouseover(function () {
				 $("#h1").css("background-color","#FFFFFF"	);
				   $("#h2").css("background-color","#F5F5F5");
				  $("#h3").css("background-color","#FFFFFF");
//               $("#nr01").slideUp(a);
//                $("#nr02").slideDown(a);
//				 $("#nr03").slideUp(a);
				 $("#nr01").fadeOut(a);
                $("#nr02").fadeIn(a);
				 $("#nr03").fadeOut(a);
            })
			
			 $("#h3").mouseover(function () {
				  $("#h1").css("background-color","#FFFFFF"	);
				   $("#h2").css("background-color","#FFFFFF");
				  $("#h3").css("background-color","#F5F5F5");
//                 $("#nr01").slideUp(a);
//                $("#nr02").slideUp(a);
//				 $("#nr03").slideDown(a);
				  $("#nr01").fadeOut(a);
                $("#nr02").fadeOut(a);
				 $("#nr03").fadeIn(a);
            })
		   
			 
          })
	</script>
</head>
<body id="home">

<!-- ****************************** Preloader ************************** -->

<div id="preloader"></div>

<!-- ****************************** Sidebar ************************** -->



<!-- ****************************** Header ************************** -->

<header class="sticky" id="header">
    <section class="container">
        <section class="row" id="logo_menu">
            <section class="col-xs-8"><a class="logo" href="">蚂蚁同行</a></section>
            <section class="col-xs-4"></section>
        </section>
    </section>
</header>

<!-- ****************************** Banner ************************** -->


<section id="banner">
    <section class="container">
        <a class="slidedown wow animated zoomIn" data-wow-delay="2s" href="#features"><i
                class="ion-ios-download-outline"></i></a>
        <section class="row">
            <div class="col-md-6">
                <div class="headings">
                    <h1 class="wow animated fadeInDown">用代码改变世界</h1>
                    <p class="wow animated fadeInLeft"> 我们一起，曝光不诚信的人，让这个世界套路更少！</br>我们一起，携手需帮助的人，让这个世界更加美好！</p>
                    <div class="row">
                        <div class="col-xs-6 col-sm-6 col-md-5" style="margin-top: 40px;margin-left: 10px">
                            <div>
                                <a href="http://mytx.file.alimmdn.com/apk/app-release.apk?t=1557215307000" class="polo-btn store wow animated bounceInUp"><i
                                        class="ion-social-android"></i> 点击下载</a>
                            </div>
                        </div>
                        <div>
                            <div class="col-xs-6 col-sm-7 col-md-5" style="margin-left: 60px">
                                <div>
                                    <img class="wow animated bounceInUp" src="assets\img\ewm01.png">
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
            <div class="col-md-6 hidden-xs hidden-sm">
                <div class="hand-container">
                    <img class="iphone-hand img_res wow animated bounceInUp" data-wow-duration="1.2s"
                         src="assets/img/iphone_hand.png"/>
                    <div class="clearfix"></div>
                </div>

            </div>
        </section>
    </section>
</section>

<!-- ****************************** Features Section ************************** -->

<section id="features" class="block">
    <section class="container">
        <section class="row">
            <div class="title-box"><h1 class="block-title wow animated rollIn">
                <span class="bb-top-left"></span>
                <span class="bb-bottom-left"></span>
                功能介绍
                <span class="bb-top-right"></span>
                <span class="bb-bottom-right"></span>
            </h1></div>
        </section>

        <section class="row">
            <div class="col-sm-6 col-md-4">
                <div id="h1" class="feature-box wow animated flipInX" data-wow-delay="0.3s">
                       <img src="assets/img/img01.png">
                  <h2>曝光</h2>
</div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div id="h2" class="feature-box wow animated flipInX" data-wow-delay="0.3s">
                    <img src="assets/img/img02.png">
                  <h2>悬赏</h2>
</div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div id="h3" class="feature-box wow animated flipInX" data-wow-delay="0.3s">
                    <img src="assets/img/img03.png">
                    <h2>捐赠</h2>
                </div>
            </div>
        
                
        </section>
		<div id="nr" class="nr">
		<div  id="nr01" class="nr"
				data-wow-delay="0.6s">

            <div class="nr_text" >
			<span  >
                 如果你从没有遇到过不讲诚信、不道德的人，那么你很幸运，如果遇到了，也并不意外，那么我们怎么办呢？是忍气吞声？还是发出你的声音？如果你选择后者，
				 那么我们给你提供了一些方便，曝光功能可能是你想要的，你可以以视频、图片、文字等形式描述事情的经过，并选定一个你想展示的地方，然后我们帮你发送到你指定的地方，让这个地方周边的人都能看到这个事情，
				 如果你觉得这样还不够，你可以根据你心情时不时的往里面发点红包，让它时不时的又热闹一下，直到你满意为止。如你所见，我们的目的不是为了曝光某个人或者事，我们的目的是避免更多的人重蹈覆辙，也许还帮助一小撮人改过自新。
           </span>
		   </div>

            <div class="nr_imgs">
                <div class="nr_img">
                    <img src="assets\img\mytx_03.png">
                </div>
                <div class="nr_img">
                    <img src="assets\img\mytx_02.png">
                </div>
            </div>
                </div>
			<div  id="nr02"
				class="nr" data-wow-delay="0.6s">

                <div class="nr_text">
                    有了曝光功能，你是否会觉得还应该有个悬赏功能呢？比如你想找到某个拿了你的钱跑路的某个人？又或者是你想找到走丢的一条狗？那么悬赏功能完全就是贴身为你打造，给个明确而合适的价格，让专业的人去帮你完成专业的事情。
					比如，我想发起一个“打特朗普屁股”的悬赏，纵然他在地球的另一面，我也可以分分钟发布完成，打人肯定是不对的，纵然这个人不做什么好事，我们也不能去打他，就举个例子而已。
                </div>

                <div class="nr_imgs">
                    <div class="nr_img">
                        <img src="assets\img\mytx_01.png">
                    </div>
                    <div class="nr_img">
                        <img src="assets\img\mytx_04.png">
                    </div>

                </div>
                </div>
			<div  id="nr03"
				class="nr" data-wow-delay="0.6s">

                <div class="nr_text">
                    捐赠，可能很多人都觉得是大佬们才做的事情，比如比尔盖茨、巴菲特等，其实并非如此，我们在小学的时候就开始捐款了，只是没有记录，也不知道捐到哪儿去了而已，因此捐赠对于我们每个人都并不陌生，只是缺少了一个记录，
					捐赠为什么要记录呢？因为做了好事，也是可以留名的：对于捐赠者，应该清晰看到每一分钱的流向，对于接受帮助的人，更应该铭记在这个世界上，都是谁帮助过他。另外避免你的捐赠最后给了“美美”买了玛莎拉蒂这样的事情发生，捐赠中加入了一个拆回功能，
					当我们觉得某笔捐赠不值当的时候，拆回就是这么简单。
                </div>

                <div class="nr_imgs">
                    <div class="nr_img">
                        <img src="assets\img\mytx_02.png">
                    </div>
                    <div class="nr_img">
                        <img src="assets\img\mytx_01.png">
                    </div>

                </div>
                </div>
			</div>
     
    </section>
</section>



<!-- ****************************** Footer ************************** -->

<section id="footer">
    <section class="container">
        <section class="row">
            <div class="col-sm-6">
                <span>@mytx</span>
                <h1 class="footer-logo">
                    <a href="#">实人网络 2019</a>
                </h1>
            </div>
            <div class="col-sm-6">
                <a class="copyright"  href="http://beian.miit.gov.cn/publish/query/indexFirst.action">ICP证号：渝ICP备18016084号-1</a>
				
            </div>
        </section>
    </section>
</section> 


<!-- All the scripts -->

<script src="assets/js/jquery-2.1.3.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/owl.carousel.js"></script>
<script src="assets/js/script.js"></script>

</body>
</html>
